@media (max-width: 767px) {
    /*   .my-class {
           background: red;
       }*/
    html {
        font-size: 20px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    /*.my-class {
        background: blue;
    }*/
    html {
        font-size: 20px;
    }

}
@media (min-width: 992px) and (max-width: 1199px) {
    /* .my-class {
         background: gray;
     }*/
    html {
        font-size: 20px;
    }
}
@media (min-width: 1200px) {
    /* .my-class {
         background: yellow;
     }*/
    html {
        font-size: 20px;
    }
}
